@charset "utf-8";

/* 浜у搧涓績 */
.product-center{position: relative; z-index: 2; background: #fff; min-height: 600px;}


.product-center .list{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-top: 68px;}
.product-center .list:after{content:''; width: 360px;}
.product-center .list>a{display: block; width: 360px; height: 450px; margin-bottom: 60px; transition: all .3s; position: relative; bottom: 0;}
.product-center .list>a:hover{bottom: 30px;}
.product-center .list>a .img{width: 100%; height: 0; padding-bottom: 97.22222%; background: #ededed; position: relative;}
.product-center .list>a .img>img{width: 100%; height: 100%; position: absolute;}
.product-center .list>a .title{border: 1px solid #ededed; height: 98px; display: flex; flex-direction: column; justify-content: center; padding: 0 30px; transition: all .3s;}
.product-center .list>a:hover .title{background: #0076ce; border: 1px solid #0076ce;}
.product-center .list>a .title .series{font-size: 2.4rem; color: #323232; transition: all .3s;}
.product-center .list>a .title .name{font-size: 1.4rem; color: #323232; margin-top: 10px; transition: all .3s;}
.product-center .list>a:hover .title .series, .product-center .list>a:hover .title .name{color: #fff;}

@media (max-width:1199px){
  .product-center .list{margin-top: 48px;}
  .product-center .list>a{display: block; width: 100%; height: auto; margin-bottom: 30px;}
  .product-center .list>a:hover{bottom: 0;}
}


/* 浜у搧璇︽儏 */
.product-view{position: relative; z-index: 2; background: #fff; min-height: 600px;}
.product-view .crumb{font-size: 1.4rem; color: #484848; padding-top: 85px;}
.product-view .outline{margin-top: 70px; display: flex; justify-content: space-between;}
.product-view .outline:after{display: none;}
.product-view .outline .l{width: 600px;}
.product-view .outline .l .title{font-size: 4rem; color: #0076ce; border-bottom: 1px solid #c7c7c7; padding-bottom: 20px;}
.product-view .outline .l .con{color: #707070; line-height: 2; font-size: 1.4rem;}
.product-view .outline .l .con p, .product-view .outline .l .con div{color: #707070; line-height: 2; margin-top: 30px;}
.product-view .outline .r{width: 500px; height: 500px;}

.product-view .swiper-container{padding-bottom: 20px;}
.product-view .swiper-pagination{bottom: 0; display: none;}
.product-view .swiper-pagination-bullet{width: 9px; height: 9px; margin:0 6px; opacity:1; background:#ccc; transition:all .25s;}
.product-view .swiper-pagination-bullet-active{opacity:1; background:#0076ce;}

.product-view-part{height: 200px; background: #0076ce; margin-top: 80px;}
.product-view-part .wrap{display: flex; height: 100%; justify-content: space-between;}
.product-view-part .wrap:after{display: none;}
.product-view-part .wrap>a{display: flex; width: 30%; height: 100%; flex-direction: column; justify-content: center; align-items: center; transition: all .25s;}
.product-view-part .wrap>a:hover, .product-view-part .wrap>a.active{background: #0262a9;}
.product-view-part .wrap>a .tit{font-size: 1.6rem; margin-top: 15px; color: #fff;}

@media (max-width:1199px){
  .product-view .crumb{display: none;}
  .product-view .outline{margin-top: 0px; padding-top: 50px;}
  .product-view .outline{display: block;}
  .product-view .outline .l{width: 100%;}
  .product-view .outline .l .title{font-size: 2.6rem;}
  .product-view .outline .r{width: 100%; height: auto; margin-top: 50px;}

  .product-view-part{display: none;}
}

.product-view-tags .item{margin-top: 65px;}
.product-view-tags .item .tit{font-size: 2.4rem; color: #323232;}
.product-view-tags .item .con{margin-top: 32px; line-height: 2;}

@media (max-width:1199px){
  .product-view-tags .item{margin-top: 50px;}
}

.product-view-download{display: none;}
.product-view-download .wrap>.tit{font-size: 2.4rem; color: #323232; padding-top: 54px;}
.product-view-download .item{margin-top: 30px;}
.product-view-download .item>.tit{font-size: 1.6rem; color: #707070;}
.product-view-download .item>.tit img{margin-right: 20px;}

.product-view-download ul.pdfs{padding-left: 80px; margin-top: 20px;}
.product-view-download ul.pdfs>li{list-style: disc; font-size: 1.6rem; color: #323232;}
.product-view-download ul.pdfs>li>a{font-size: 1.6rem; color: #323232;}
.product-view-download ul.pdfs>li>a:hover{text-decoration: underline;}

.product-view-download .wrap>.item>.certs{display: flex; flex-wrap: wrap; padding-left: 60px; margin-top: 20px;}
.product-view-download .wrap>.item>.certs:after{display: none;}
.product-view-download .wrap>.item>.certs>a{display: block; flex: none; width: 20%; height: 0; padding-bottom: 28%; margin-right: 5%; position: relative;}
.product-view-download .wrap>.item>.certs>a>img{max-width: 100%; max-height: 100%; position: absolute;}

@media (max-width:1199px){
  .product-view-download{display: block;}
}

.product-view-inquiry{display: none;}
.product-view-inquiry .wrap>.tit{font-size: 2.4rem; color: #323232; padding-top: 54px;}
.product-view-inquiry .con{margin-top: 30px; display: flex; justify-content: space-between; align-items: stretch;}
.product-view-inquiry .con:after{display: none;}
.product-view-inquiry .con .l{width: 380px;}
.product-view-inquiry .con .l p{margin-bottom: 16px;}
.product-view-inquiry .con .l p:last-child{margin-bottom: 0;}
.product-view-inquiry .con .l p input{width: 100%; box-sizing: border-box; padding: 10px; font-size: 1.4rem; border: 1px solid #cecece; transition: all .25s;}
.product-view-inquiry .con .r{width: 808px;}
.product-view-inquiry .con .r textarea{border: 1px solid #cecece; padding: 10px; font-size: 1.4rem; box-sizing: border-box; width: 100%; height: 100%; transition: all .25s;}
.product-view-inquiry .con input::placeholder, .product-view-inquiry .con textarea::placeholder{color: #b9b9b9;}
.product-view-inquiry .con input:focus, .product-view-inquiry .con textarea:focus{border: 1px solid #999 !important;}

.product-view-inquiry .submit-container{margin-top: 25px; padding-bottom: 50px; text-align: center;}
.product-view-inquiry .submit{display: inline-block; width: 150px; height: 50px; color: #fff; background: #0076ce; line-height: 50px; font-size: 1.8rem; border-radius: 5px; transition: all .2s;}
.product-view-inquiry .submit:hover{background: #0185e7;}

@media (max-width:1199px){
  .product-view-inquiry{display: block;}
  .product-view-inquiry .con{display: block;}
  .product-view-inquiry .con .l{width: 100%;}
  .product-view-inquiry .con .r{width: 100%; height: 200px; margin-top: 16px;}
}